import React, { Component,Fragment } from 'react';
import { Row, Col} from 'antd';
import moment from 'moment';

class TimeShow extends Component{

    constructor(props){
        super(props);
        this.state={
            timeChose:"0点班",
        }
    }


    render() {
        const day=(['天','一','二','三','四','五','六']);
        const aDuty = ["0点班","8点班","16点班"]
        return(
            <Fragment>
                <Row type="flex" justify = "space-around" align="middle">
                    <Col span ={4}>{moment().format('YYYY年MM月DD日')}</Col>
                    <Col span ={4}>{"星期"+day[moment().format('d')]}</Col>
                    <Col span ={4}>
                    班次选择：{aDuty[this.props.timeChose]}
                    </Col>
                    <Col span ={4}>{"值班人员："+this.props.person}</Col>
                </Row>
            </Fragment>
        );
    }
}

export default TimeShow;